ExUserSelector = Ext.extend(Ext.Window, {
	title : '选择用户',
	width : 779,
	height : 516,
	initComponent : function() {
		this.items = [{
			xtype : 'tabpanel',
			activeTab : 0,
			autoWidth : true,
			width : 765,
			height : 720,
			items : [{
				xtype : 'panel',
				title : '内部用户',
				width : 745,
				height : 270,
				items : [{
							xtype : 'panel',
							title : '',
							width : 763,
							height : 455,
							layout : 'border',
							items : [{
										xtype : 'grid',
										region : "center",
										title : '待选择',
										store : new Ext.data.ArrayStore(),
										width : 412,
										height : 327,
										columns : [{
													xtype : 'numbercolumn',
													dataIndex : 'number',
													header : 'Column',
													sortable : true,
													width : 100,
													align : 'right'
												}]

									}, {
										xtype : 'panel',
										title : 'My Panel',
										region : 'west',
										width : 98,
										layout : 'accordion',
										activeItem : 1,
										collapsible : true,
										items : [{
													xtype : 'panel',
													title : '按人员选择'
												}, {
													xtype : 'panel',
													title : '按群组选择'
												}, {
													xtype : 'panel',
													title : '按部门群组'
												}]
									}, {
										xtype : 'panel',
										title : '',
										region : 'north',
										height : 61,
										layout : 'column',
										autoHeight : true,
										items : [{
													xtype : 'label',
													text : '用户编号:',
													width : 58
												}, {
													xtype : 'textfield',
													width : 86
												}, {
													xtype : 'label',
													text : '用户姓名:'
												}, {
													xtype : 'textfield',
													width : 135
												}, {
													xtype : 'label',
													text : '手机号:'
												}, {
													xtype : 'textfield',
													width : 177
												}, {
													xtype : 'button',
													text : '查询',
													height : 22,
													width : 63
												}]
									}, {
										xtype : 'panel',
										title : 'My Panel',
										region : 'south',
										height : 66,
										width : 741
									}, {
										xtype : 'panel',
										title : '',
										region : 'east',
										width : 229,
										height : 379,
										layout : 'hbox',
										layoutConfig : {
											align : 'middle'
										},
										items : [{
													xtype : 'panel',
													title : '',
													width : 36,
													height : 45,
													layout : 'vbox',
													autoWidth : true,
													items : [{
																xtype : 'button',
																text : '>>'
															}, {
																xtype : 'button',
																text : '<<'
															}]
												}, {
													xtype : 'grid',
													title : '已选择',
													store : new Ext.data.ArrayStore(),
													width : 279,
													height : 369,
													columns : [{
																xtype : 'numbercolumn',
																dataIndex : 'number',
																header : 'Column',
																sortable : true,
																width : 100,
																align : 'right'
															}]
												}]
									}]
						}]
			}, {
				xtype : 'panel',
				title : '外部用户'
			}]
		}];
		ExUserSelector.superclass.initComponent.call(this);
	}
});
